@import "./reset";

// 路由进度条样式
#nprogress {
  .bar {
    background-image: linear-gradient(90deg, #00d9ff, #00a5eb);
  }
}

// element-ui通用样式修改
.el-table {
  margin: 10px 0
}

.el-card {
  margin-bottom: 10px;
}

.el-tag {
  margin: 0 5px;
}

// 图片上传组件样式
.image-uploader {
  .el-upload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    transition: var(--el-transition-duration-fast);

    &:hover {
      border-color: var(--el-color-primary);
    }
  }

  .image-preview {
    display: block;
    width: 178px;
    height: 178px;
  }

  .image-uploader-icon {
    width: 178px;
    height: 178px;
    font-size: 28px;
    color: #8c939d;
    text-align: center;
  }
}

.el-switch {
  --el-switch-on-color: var(--el-color-success);
  --el-switch-off-color: var(--el-color-info);
}

.el-carousel__indicators {
  .el-carousel__button {
    background: var(--el-color-primary);
  }
}
